﻿<!DOCTYPE html>
<html lang="zh-CN">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>DeWeb</title>
</head>

<body style="background-color:#FFFFFF">
<script src="dist/vue.js" type="text/javascript"></script>
<script src="dist/index.js" type="text/javascript"></script>
<script src="dist/axios.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="dist/theme-chalk/index.css" />

    <div id="app" style="position:absolute;overflow-x:hidden;overflow-y:auto;left:0;top:0;right:0;bottom:0;margin: 0 auto;background-color:#FFFFFF" :style="{width:Form1__wid,height:Form1__hei}" >
<el-dialog :title="input_query_caption" :visible.sync="input_query_visible" >
<el-form style="width:90%;padding-left:5%;">
<el-form-item :label="input_query_inputname" >
<el-input v-model="input_query_inputdefault" style="border:solid 1px #DCDFE6;border-radius: 2px;" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="input_query_visible=false">{{input_query_cancelcaption}}</el-button>
<el-button type="primary" @click="processinputquery">{{input_query_okcaption}}</el-button>
</div>
</el-dialog>
<iframe id="id_iframe" name="upload_iframe" style="display:none;"></iframe>
<el-image :src="Image_bg__src" fit="fill" v-if="Image_bg__vis" :disabled="Image_bg__dis" :style="{left:Image_bg__lef,top:Image_bg__top,width:Image_bg__wid,height:Image_bg__hei}" style="position:absolute;">
</el-Image>
<el-main id="Panel_Login" v-if="Panel_Login__vis" :disabled="Panel_Login__dis" :style="{backgroundColor:Panel_Login__col,left:Panel_Login__lef,top:Panel_Login__top,width:Panel_Login__wid,height:Panel_Login__hei}" style="position:absolute;overflow:hidden;border-radius: 2px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);border-radius:5px;">
<a :href="Image_wx__hrf">
<el-image :src="Image_wx__src" fit="none" v-if="Image_wx__vis" :disabled="Image_wx__dis" :style="{left:Image_wx__lef,top:Image_wx__top,width:Image_wx__wid,height:Image_wx__hei}" style="position:absolute;">
</el-Image>
</a>
<a :href="Image_qq__hrf">
<el-image :src="Image_qq__src" fit="none" v-if="Image_qq__vis" :disabled="Image_qq__dis" :style="{left:Image_qq__lef,top:Image_qq__top,width:Image_qq__wid,height:Image_qq__hei}" style="position:absolute;">
</el-Image>
</a>
<a :href="Image_wb__hrf">
<el-image :src="Image_wb__src" fit="none" v-if="Image_wb__vis" :disabled="Image_wb__dis" :style="{left:Image_wb__lef,top:Image_wb__top,width:Image_wb__wid,height:Image_wb__hei}" style="position:absolute;">
</el-Image>
</a>
<el-image :src="Image_Logo__src" fit="none" v-if="Image_Logo__vis" :disabled="Image_Logo__dis" :style="{left:Image_Logo__lef,top:Image_Logo__top,width:Image_Logo__wid,height:Image_Logo__hei}" style="position:absolute;">
</el-Image>
<el-button id="Button1" size=medium v-if="Button1__vis" :disabled="Button1__dis" :type="Button1__typ" :icon="Button1__icn" :style="{left:Button1__lef,top:Button1__top,width:Button1__wid,height:Button1__hei}" style="position:absolute;" @click="dwevent($event,'Button1','0','onclick','2297828')">{{Button1__cap}}<i :class="Button1__rin"></i>
</el-button>
<el-input id="Edit_Password" v-if="Edit_Password__vis" :disabled="Edit_Password__dis" show-password v-model="Edit_Password__txt" placeholder="请输入登录密码" prefix-icon="el-icon-lock" :style="{backgroundColor:Edit_Password__col,left:Edit_Password__lef,top:Edit_Password__top,width:Edit_Password__wid,height:Edit_Password__hei}" style="position:absolute;border-radius:4px;border:1px solid #DCDFE6;overflow: hidden;" @input="dwevent($event,'Edit_Password','escape(this.Edit_Password__txt)','onchange','2297828')">
</el-input>
<el-input id="Edit_User" v-if="Edit_User__vis" :disabled="Edit_User__dis" v-model="Edit_User__txt" placeholder="请输入登录账号" prefix-icon="el-icon-user" :style="{backgroundColor:Edit_User__col,left:Edit_User__lef,top:Edit_User__top,width:Edit_User__wid,height:Edit_User__hei}" style="position:absolute;border-radius:4px;border:1px solid #DCDFE6;overflow: hidden;" @input="dwevent($event,'Edit_User','escape(this.Edit_User__txt)','onchange','2297828')">
</el-input>
<el-main id="Panel5" v-if="Panel5__vis" :disabled="Panel5__dis" :style="{backgroundColor:Panel5__col,left:Panel5__lef,top:Panel5__top,width:Panel5__wid,height:Panel5__hei}" style="position:absolute;overflow:hidden;border-radius:4px;border:solid 1px rgb(220,223,230);">
<el-image id="Image_Captcha" :src="Image_Captcha__src" fit="none" v-if="Image_Captcha__vis" :disabled="Image_Captcha__dis" :style="{left:Image_Captcha__lef,top:Image_Captcha__top,width:Image_Captcha__wid,height:Image_Captcha__hei}" style="position:absolute;cursor: pointer;" @click="dwevent($event,'Image_Captcha','0','onclick','2297828')">
</el-Image>
<el-input id="Edit_Captcha" v-if="Edit_Captcha__vis" :disabled="Edit_Captcha__dis" v-model="Edit_Captcha__txt" placeholder="请输入验证码" prefix-icon="el-icon-circle-check" :style="{backgroundColor:Edit_Captcha__col,left:Edit_Captcha__lef,top:Edit_Captcha__top,width:Edit_Captcha__wid,height:Edit_Captcha__hei}" style="position:absolute;border:0px;border-radius:4px;border:0px solid #DCDFE6;overflow: hidden;" @input="dwevent($event,'Edit_Captcha','escape(this.Edit_Captcha__txt)','onchange','2297828')">
</el-input>
<el-main id="Panel2" v-if="Panel2__vis" :disabled="Panel2__dis" :style="{backgroundColor:Panel2__col,left:Panel2__lef,top:Panel2__top,width:Panel2__wid,height:Panel2__hei}" style="position:absolute;overflow:hidden;">
</el-main>
</el-main>
<el-main id="Panel1" v-if="Panel1__vis" :disabled="Panel1__dis" :style="{backgroundColor:Panel1__col,left:Panel1__lef,top:Panel1__top,width:Panel1__wid,height:Panel1__hei}" style="position:absolute;overflow:hidden;">
<el-checkbox id="CheckBox1" v-if="CheckBox1__vis" :disabled="CheckBox1__dis" v-model="CheckBox1__chk" type="default" :style="{left:CheckBox1__lef,top:CheckBox1__top,width:CheckBox1__wid,height:CheckBox1__hei}" style="position:absolute;" @change="dwevent($event,'CheckBox1','this.CheckBox1__chk','onclick','2297828')">{{CheckBox1__cap}}
</el-checkbox>
<el-link id="StaticText1" :underline="false" v-if="StaticText1__vis" :disabled="StaticText1__dis" type="primary" :style="{left:StaticText1__lef,top:StaticText1__top,width:StaticText1__wid,height:StaticText1__hei}" style="position:absolute;">{{StaticText1__cap}}
</el-link>
</el-main>
</el-main>
</div>
<script>
Vue.prototype.dwsetcookie = function (c_name, value, expiredays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + expiredays);
document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString()); 
},
Vue.prototype.dwgetcookie = function (name) {
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); 
if(arr=document.cookie.match(reg))
return unescape(arr[2]); 
else
return '';
},
Vue.prototype.procResp = function (data){
if (data.m === "update"){
eval(String(data.o));
} else if (resp.m === "html"){
document.body.innerHTML="";document.write(String(data.o));document.close();
} else if (resp.m === "showform"){
document.open();document.write(String(data.o));
}
} 
new Vue(
{
el: '#app',
data: function () {
return {
image_preview_list:[],
Form1__top:"0px",
Form1__wid:"980px",
Form1__hei:"1743px",
Image_bg__lef:"0px",
Image_bg__top:"0px",
Image_bg__wid:"980px",
Image_bg__hei:"1743px",
Image_bg__vis:true,
Image_bg__dis:false,
Image_bg__src:"media/images/bbs/bg-login.jpg",
Image_wx__lef:"164px",
Image_wx__top:"410px",
Image_wx__wid:"32px",
Image_wx__hei:"32px",
Image_wx__vis:true,
Image_wx__dis:false,
Image_wx__src:"media/images/bbs/wx.jpg",
Image_wx__hrf:"/bbs",
Image_qq__lef:"116px",
Image_qq__top:"410px",
Image_qq__wid:"32px",
Image_qq__hei:"32px",
Image_qq__vis:true,
Image_qq__dis:false,
Image_qq__src:"media/images/bbs/qq.jpg",
Image_qq__hrf:"/bbs",
Image_wb__lef:"212px",
Image_wb__top:"410px",
Image_wb__wid:"32px",
Image_wb__hei:"32px",
Image_wb__vis:true,
Image_wb__dis:false,
Image_wb__src:"media/images/bbs/wb.jpg",
Image_wb__hrf:"/bbs",
Image_Logo__lef:"0px",
Image_Logo__top:"0px",
Image_Logo__wid:"356px",
Image_Logo__hei:"86px",
Image_Logo__vis:true,
Image_Logo__dis:false,
Image_Logo__src:"media/images/delphibbs.png",
Button1__lef:"30px",
Button1__top:"344px",
Button1__wid:"296px",
Button1__hei:"40px",
Button1__vis:true,
Button1__dis:false,
Button1__cap:"登录",
Button1__typ:"primary",
Button1__icn:"",
Button1__rin:"",
Edit_Password__lef:"30px",
Edit_Password__top:"166px",
Edit_Password__wid:"296px",
Edit_Password__hei:"39px",
Edit_Password__vis:true,
Edit_Password__dis:false,
Edit_Password__txt:"123456",
Edit_Password__col:"#FFFFFF",
Edit_User__lef:"30px",
Edit_User__top:"101px",
Edit_User__wid:"296px",
Edit_User__hei:"39px",
Edit_User__vis:true,
Edit_User__dis:false,
Edit_User__txt:"admin",
Edit_User__col:"#FFFFFF",
Image_Captcha__lef:"205px",
Image_Captcha__top:"3px",
Image_Captcha__wid:"84px",
Image_Captcha__hei:"35px",
Image_Captcha__vis:true,
Image_Captcha__dis:false,
Image_Captcha__src:"media/images/_dwcaptcha_.jpg",
Edit_Captcha__lef:"0px",
Edit_Captcha__top:"3px",
Edit_Captcha__wid:"192px",
Edit_Captcha__hei:"33px",
Edit_Captcha__vis:true,
Edit_Captcha__dis:false,
Edit_Captcha__txt:"",
Edit_Captcha__col:"#FFFFFF",
Panel2__lef:"198px",
Panel2__top:"4px",
Panel2__wid:"1px",
Panel2__hei:"34px",
Panel2__vis:true,
Panel2__dis:false,
Panel2__col:"RGB(220,223,230,1.0)",
Panel5__lef:"30px",
Panel5__top:"231px",
Panel5__wid:"296px",
Panel5__hei:"45px",
Panel5__vis:true,
Panel5__dis:false,
Panel5__col:"RGB(255,255,255,1.0)",
CheckBox1__lef:"0px",
CheckBox1__top:"3px",
CheckBox1__wid:"97px",
CheckBox1__hei:"18px",
CheckBox1__vis:true,
CheckBox1__dis:false,
CheckBox1__cap:"记住密码",
CheckBox1__chk:true,
StaticText1__lef:"224px",
StaticText1__top:"0px",
StaticText1__wid:"68px",
StaticText1__hei:"24px",
StaticText1__vis:true,
StaticText1__dis:false,
StaticText1__cap:"忘记密码",
StaticText1__hrf:"",
Panel1__lef:"30px",
Panel1__top:"296px",
Panel1__wid:"296px",
Panel1__hei:"28px",
Panel1__vis:true,
Panel1__dis:false,
Panel1__col:"RGB(255,255,255,1.0)",
Panel_Login__lef:"310px",
Panel_Login__top:"140px",
Panel_Login__wid:"360px",
Panel_Login__hei:"473px",
Panel_Login__vis:true,
Panel_Login__dis:false,
Panel_Login__col:"RGB(255,255,255,1.0)",
input_query_visible:false,
input_query_caption:"Input Query",
input_query_inputname:"new",
input_query_cancelcaption:"Cancel",
input_query_okcaption:"OK",
input_query_inputdefault:"",
input_query_method:"processinputquery",
input_query_handle:0,
input_query_visible:false,
version__istrial:false,
clientid:2297828,
shuntflag:7390
}
},
mounted() {
let me=this;
window.addEventListener('beforeunload', e => this.beforeunloadHandler(e));
window.addEventListener(
"resize" ,
function() {
var os = function (){
var ua = navigator.userAgent,
isWindowsPhone = /(?:Windows Phone)/.test(ua),
isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
isAndroid = /(?:Android)/.test(ua),
isFireFox = /(?:Firefox)/.test(ua),
isChrome = /(?:Chrome|CriOS)/.test(ua), 
isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
isPhone = /(?:iPhone)/.test(ua) && !isTablet ,
isPc = !isPhone && !isAndroid && !isSymbian;
if (isPc) {
return 1;
} else if (isAndroid){
return 2;
} else if (isPhone){
return 3;
} else if (isTablet){
return 4;
} else {
return 0;
}
}

axios.get('{"m":"event","i":2297828,"c":"_screen","os":'+os()+',"orientation":"'+window.orientation+'","clientwidth":'+document.documentElement.clientWidth+',"clientheight":'+document.documentElement.clientHeight+',"innerwidth":'+innerWidth+',"innerheight":'+innerHeight+',"availwidth":'+screen.availWidth+',"availheight":'+screen.availHeight+',"bodywidth":'+document.body.clientWidth+',"bodyheight":'+document.body.clientHeight+',"devicepixelratio":'+devicePixelRatio+',"width":'+screen.width+',"height":'+screen.height+'}',{headers:{shuntflag:7390}})
.then(resp =>{me.procResp(resp.data)});
},
false
);
let Form1hearttimer = window.setInterval(function() {
axios.get('{"m":"heart","i":2297828}',{headers:{shuntflag:7390}})
.then(resp =>{me.procResp(resp.data)})
.catch((error) =>{me.dwnotify("Info","Network is disconnected!");clearInterval(Form1hearttimer);});
}, 590000);
},
methods: {
ToWebsite (e,n) {
var aTag = document.createElement('a'); 
aTag.setAttribute('href', e);
aTag.setAttribute('target', n);
aTag.click();
},
dwInputClick (e) {
document.getElementById(e).click();
},
dwInputChange (fid,e) {
this[e+"__cap"] = document.getElementById(e+"__inp").files[0].name;
var sget = '{"m":"event","i":"'+fid+'","c":"'+e+'","e":"getfilename","v":"'+escape(document.getElementById(e+"__inp").files[0].name)+'"}';
axios.get(sget)
},
filterHandler(value, row, column) {
const property = column['property'];
return row[property] === value;
},
dwInputSubmit (fid,ipname) {
let me=this;let formData = new FormData();
formData.append('file', document.getElementById(ipname+"__inp").files[0]);
let config = {headers: {'Content-Type': 'multipart/form-data','clientid': '2297828'}}
var sstart = '{"m":"event","i":"'+fid+'","c":"'+ipname+'","e":"onstartdock","v":"start"}';
axios.get(sstart)
.then(resp =>{me.procResp(resp.data)});
axios.post('/upload', formData, config)
.then(function (res) {
var sget = '{"m":"event","i":"'+fid+'","c":"'+ipname+'","e":"onenddock","v":"success"}';
axios.get(sget)
.then(resp =>{me.procResp(resp.data)});
document.getElementById(ipname+"__inp").value = null;
})
},
dwInputSubmit0 (ipname) {
document.getElementById(ipname+"__frm").submit();
},
beforeunloadHandler (e) {
e = e || window.event
if (e) {
axios.get('{"m":"onbeforeunload","i":2297828}',{headers:{shuntflag:7390}})
}
},
dwnotify(caption,text) {this.$notify.warning({ title: caption, message: text, duration: 0,showClose: false });},
dwexecute(code) {
eval(code);
},
dwevent(val,compname,compvalue,compevent,handle) {
var jo={};
jo.m="event";
jo.i=handle;
jo.c=compname;
jo.v=escape(eval(compvalue))
jo.e=compevent;
axios.get(escape(JSON.stringify(jo)),{headers:{shuntflag:7390}})
.then(resp =>{this.procResp(resp.data)});
},
processinputquery(val) {
this.input_query_visible = false;
axios.get('{"m":"interaction","i":'+this.input_query_handle+',"s":"inputquery","t":"'+this.input_query_method+'","v":"'+escape(this.input_query_inputdefault)+'"}',{headers:{shuntflag:7390}})
.then(resp =>{this.procResp(resp.data)});
},
},
beforeDestroy() {
clearInterval(hearttimer);
window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e));
}
}
); 
</script>
</body>
</html>
